<template>
    <div class="share-page">
        <div class="left">
            <el-collapse v-model="activeNames" @change="handleChange" accordion>
                <el-collapse-item title="第1次分享" name="1">
                    <div>
                        wepy小程序交互心得分享
                    </div>
                    <div><router-link to="/sharehome/share1">查看详情</router-link></div>
                </el-collapse-item>
                <el-collapse-item title="第2次分享" name="2">
                    <div>
                        CSS天南地北
                    </div>
                    <div><router-link to="/sharehome/share2">查看详情</router-link></div>
                </el-collapse-item>
                <el-collapse-item title="第3次分享" name="3">
                    <div>
                        存储方案
                    </div>
                    <div><router-link to="/sharehome/indexedDB">查看详情</router-link></div>
                </el-collapse-item>
                <!-- <el-collapse-item title="第4次分享" name="4">
                    <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>
                </el-collapse-item> -->
            </el-collapse>
        </div>
        <div class="right">
            <!-- 666 -->
            <router-view>

            </router-view>
        </div>
    </div>
</template>
<script>

// import share0 from './share0'
// import Share0 from '@/pages/shareProject/share0'


export default {

   data() {
      return {
        // activeNames: ['1']
      };
    },
    methods: {
      handleChange(val) {
        console.log(val);
      }
    }
};
</script>
<style>
.share-page{
    display: flex;
}
.left {
  width: 200px;
  border-right: 1px solid #eee;
  /* border: 1px solid red; */
  padding-left: 10px;
}
.right{
    /* background: blue; */
    display: flex;
    flex: 1;
}
</style>

